<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <meta charset="utf-8"> 
	<title>染发产品</title>
	<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>
  <nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid"> 
	<div class="navbar-header">
		<a class="navbar-brand" href="#">染发产品</a>
	</div>
	<div id="myexample">
		<ul class="nav navbar-nav">
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">颜色 <b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a id="action-1" href="SelectHairColorproduct_color.action?color=黑色">黑色</a></li>
					<li><a href="SelectHairColorproduct_color.action?color=红色">红色</a></li>
					<li><a href="SelectHairColorproduct_color.action?color=粉色">粉色</a></li>
					
				</ul>
			</li>
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">类型 <b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a id="action-1" href="SelectHairColorproduct_type.action?type=植物精粹">植物精粹</a></li>
					<li><a href="SelectHairColorproduct_type.action?type=海洋精粹">海洋精粹</a></li>
					<li><a href="SelectHairColorproduct_type.action?type=化工合成">化工合成</a></li>
					
				</ul>
			</li>
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">耗时 <b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a id="action-1" href="SelectHairColorproduct_timeConsuming.action?timeConsuming=40">40分钟</a></li>
					<li><a href="SelectHairColorproduct_timeConsuming.action?timeConsuming=60">60分钟</a></li>
					<li><a href="SelectHairColorproduct_timeConsuming.action?timeConsuming=30">30分钟</a></li>
					
				</ul>
			</li>
			<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">价格 <b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a id="action-1" href="SelectHairColorproduct_price.action?price=60">60元</a></li>
					<li><a href="SelectHairColorproduct_price.action?price=80">80元</a></li>
					<li><a href="SelectHairColorproduct_price.action?price=50">50元</a></li>				
				</ul>
			</li>
			
		</ul>
	</div>
	</div>	
</nav>
<script>
$(function(){
	// 默认显示
	$(".dropdown-toggle").dropdown('toggle');
}); 
</script>
    <br>
    <table class="table table-hover">
	<caption>产品类表</caption>
	<thead>
		<tr>
			<th>产品号</th>
			<th>产品名称</th>
			<th>产品类型</th>
			<th>颜色</th>
			<th>染发耗时</th>
			<th>价格</th>
			<th>备注</th>
			<th>操作</th>
		</tr>
	</thead>
	<tbody>
		<s:iterator value="#request['allproduct']" id="product">
      <tr>
         <td><s:property value="#product.id"/>
         </td><td><s:property value="#product.name"/></td>
         <td><s:property value="#product.type"/></td>
         <td><s:property value="#product.color"/></td>
         <td><s:property value="#product.timeConsuming"/>分钟</td>
         <td><s:property value="#product.price"/>元</td>
         <td><s:property value="#product.remark"/></td>
         <td> <a href="changeHairColorproduct.action?name=<s:property value="#product.name"/>" target=_self>修改</a></td>
      </tr>
      </s:iterator> 
	</tbody>
</table>
    
  </body>
</html>
